:root {
    --bigger-border-radius: 24px;
    --big-border-radius: 16px;
    --mid-border-radius: 8px;
    --small-border-radius: 6px;
    --navy: #18515c;
    --nav-bg: #232227;
    --nav-border: #2d2c31;
    --bluemarin: #68a1ac;
    --nav-link: #919095;
    --gray-text: #69686d;
    --ended: #2d2c31;
    --sky: #04ccd9;
    --blue-sky: #9ad3de;
    --top-orange: #ff8870;
    --hover-orange: #eb745c;
    --black: #19181d;
    --white: #ebeaef;
    --clear: #ffffff;
    --light-gray: #d7d6db;
    --score: #00909d;
    --archive: #407984;
    --active: #ff564e;
    --testing: #10273d;
}

@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

.menu .menu-item .menu-link > .menu-arrow:before {
    display: none;
}

:root,
html[data-myfilm] {
    --ct-body-bg: #19181d;
    --ct-topbar-bg: #1d1b20;
    --ct-menu-bg: #1d1b20;
    --ct-card-bg: #1d1b20;
    --ct-secondary-bg: #1d1b20;
}

.ql-tooltip input {
    color: black !important;
}

.select-one .invalid-feedback {
    display: flex;
}

.is-invalid {
    border-color: var(--ct-danger);
    padding-right: calc(1.5em + 0.9rem);
    background-image: url(
        data:image/svg + xml,
        %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 12 12"width="12"height="12"fill="none"stroke="%23f1556c"%3e%3ccirclecx="6"cy="6"r="4.5"/%3e%3cpathstroke-linejoin="round"d="M5.8 3.6h.4L6 6.5z"/%3e%3ccirclecx="6"cy="8.2"r=".6"fill="%23f1556c"stroke="none"/%3e%3c/svg%3e
    );
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.225rem) center;
    background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}

input::placeholder {
    color: #69686d;
}

.image-size {
    max-width: 75px;
    min-width: 75px;
}

.hover-white:hover {
    color: white;
}

.case-card {
    width: 100%;
    max-width: 292px;
}

.content-page {
    width: 100vh !important;
}

.selectize-dropdown-header {
    display: none;
}
.selectize-control .selectize-input input {
    width: auto;
}

.tab__row {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.tab-box {
    width: 100%;
}

.tab_item {
    gap: 24px;
}

.btn-note {
    border: none;
    outline: none;
}

*:not(i) {
    font-family: "Raleway", sans-serif !important;
    color: white;
}

.bg-custom {
    color: black;
}

.input-meven {
    background-color: var(--nav-bg);
    border: 2px solid var(--ended);
    outline: none;
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    border-radius: var(--small-border-radius);
    width: 100%;
}

.form-check-input:checked {
    background-color: #18515c;
    border: 1px solid #18515c;
}

.selectize-dropdown {
    margin-top: 5px !important;
}

.option:hover {
    background: black !important;
}

.dropdown-item {
    color: white;
}

.dropdown-item:hover {
    background: #18515c !important;
    color: white;
}

.selectize-dropdown .optgroup-header:focus,
.selectize-dropdown .optgroup-header:hover,
.selectize-dropdown .option:focus,
.selectize-dropdown .option {
    color: white !important;
}

.selectize-dropdown .optgroup-header:focus,
.selectize-dropdown .optgroup-header:hover,
.selectize-dropdown .option:focus,
.selectize-dropdown .option:hover {
    background: #18515c !important;
}

.select2-container--default .select2-results__option:hover {
    background: #4d828d;
}

.select2-container--default
    .select2-results__option[aria-selected="true"]:hover {
    background: #4d828d;
}

.selectize-input > input {
    color: white !important; /* Белый текст для выбранного значения */
}

.select2-search__field {
    padding-left: 10px !important;
}

.custom-portfolio-item {
    background: #19181d !important;
}

.input-group-text {
    background: #4d828d;
}

html[data-myfilm] .flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: var(--ct-body-bg);
}

html[data-myfilm] .numInputWrapper span.arrowUp:after,
html[data-myfilm] .numInputWrapper span.arrowDown:after {
    border-bottom-color: white;
    border-top-color: white;
}

input {
    color: white !important;
}

.text-default {
    color: #4d828d !important;
}
.border-default {
    --bs-border-opacity: 1;
    border-color: rgba(24, 81, 92, var(--bs-border-opacity)) !important;
}
.bg-soft-default {
    --ct-bg-opacity: 0.25;
    background-color: rgba(24, 81, 92, var(--ct-bg-opacity)) !important;
}
.bg-default {
    --bs-bg-opacity: 1;
    background-color: rgba(24, 81, 92, var(--bs-bg-opacity)) !important;
}

.default-button {
    background-color: #18515c;
    color: white;
    height: fit-content;
}

.default-button:hover {
    background-color: #134953;
}

.select-button {
    border: 1px solid #18515c;
    color: white;
    height: fit-content;
}

.select-button:hover {
    background-color: #134953;
}

.select-button.active {
    background-color: #134953;
}

#copy-link-btn {
    border: 1px solid white;
}

.form-control.is-invalid[data-html-redactor] {
    border-color: var(--ct-danger);
}

.case-item {
    position: relative;
    width: 100%;
    height: 0; /* Отключаем фиксированную высоту */
    padding-bottom: 56.25%; /* 16:9 (9/16=0.5625) */
    overflow: hidden;
    border-radius: 4px; /* Опционально */
    background-position: center;
    background-size: cover;
}

.case-item img,
.case-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Обрезает изображение, сохраняя пропорции */
}

.suggestions-wrapper .suggestions-suggestions {
    background-color: var(--ct-body-bg);
}

.tender-desc-minificate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 70px;
    line-height: 20px;
}

.tender-desc-minificate h4 {
    font-size: 18px;
}

.ql-container.custom-textarea {
    min-height: 135px;
    border-radius: var(--small-border-radius);
    border: 2px solid var(--ended);
    background-color: var(--nav-bg);
}

/* .designed__modal .custom-textarea {
    height: auto;
    min-height: 135px;
    border-radius: var(--small-border-radius);
    border: 2px solid var(--ended);
    background-color: var(--nav-bg);
} */

.designed__modal #tender_description,
#edit_tender_description {
    height: auto;
    min-height: 135px;
}

.designed__modal .dropify-main-profile-block {
    height: 169px;
}

.ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.5);
    font-style: normal;
    left: 15px;
    font-size: 14px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}

/* .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
} */

.achievement-col.col-link a,
.nav-tabs .nav-link.active,
.link-template {
    color: #308494;
    transition: color 0.2s ease-in;
}

.apexcharts-tooltip-title {
    display: none;
}

.achievement-col.col-link a:hover,
.nav-tabs .nav-link:hover {
    color: #fff;
}

/* .dropify-background-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} */

.list-inline-item-custom {
    font-size: 25px;
}

.flatpickr-day.selected {
    border: none;
    background-color: #4d828d;
}

.flatpickr-day.selected:hover {
    background-color: #18515c;
}

.custom-link {
    color: #4d828d;
}

/* Ограничение текста до 4 строк с многоточием */
.text-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(
        4 * 1.5em
    ); /* Примерная высота 4 строк (зависит от line-height) */
    line-height: 1.45em; /* Желаемый межстрочный интервал */
}

.text-line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.subm-btn {
    margin-left: auto;
    margin-right: 0px;
    max-width: 200px;
}

.footer-link {
    color: #18515c;
}

.profile-avatar {
    object-fit: cover;
}

.active > .page-link,
.page-link.active {
    background-color: #18515c;
    border-color: #18515c;
}

.custom-info {
    color: white;
    background-color: #134953;
    border-color: rgba(67, 191, 229, 0.18);
}

.card {
    background-color: transparent;
}

.size-image {
    max-width: 75px;
    max-height: 75px;
    min-height: 75px;
    min-width: 75px;
    width: 100%;
    height: 100%;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    background: white;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    transition: none;
}

input[type="range"]:hover {
    background: inherit;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: transparent; /* фон задается через JS */
    height: 6px;
    border-radius: 5px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--thumb-color, #007bff);
    border: none;
    margin-top: -5px;
    cursor: pointer;
}

input[type="range"]::-moz-range-track {
    background: transparent;
    height: 6px;
    border-radius: 5px;
}

input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--thumb-color, #007bff);
    border: none;
    cursor: pointer;
}

.rank-background {
    padding: 4px 8px;
    color: white;
    border-radius: 5px;
}

.hidden-author {
    filter: blur(3px);
}

.little-description {
    max-height: 100px;
}

.score-color {
    --ct-bg-opacity: 0.25;
    --ct-text-opacity: 1;
    background-color: rgba(255, 00, 00, var(--ct-bg-opacity));
    color: rgba(255, 00, 00, var(--ct-text-opacity));
}

.pp-not {
    padding: 0;
}

footer.footer {
    position: static;
}

body .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    z-index: 2;
}
.ql-editor {
    position: absolute;
    height: 100%;
    width: 100%;
}

#wrapper #sidebar.app-menu {
    background-color: var(--nav-bg);
    box-shadow: none;
    border-radius: var(--big-border-radius);
    width: 292px;
    min-width: 292px;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar.app-menu {
    width: 134px;
    min-width: 134px;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .logo-box {
    padding-top: 0;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .menu {
    padding: 0 43px;
    padding-top: 40px;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .menu {
    padding: 0 43px;
    padding-top: 40px;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .menu-info {
    display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .logo-sm {
    width: 82px;
    height: 32px;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .line {
    width: 77%;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .line-sec {
    display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .user-box {
    display: block;
    padding: 0px 16px;
    padding-top: 64px;
    padding-bottom: 72px;
}

/* html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) #wrapper #sidebar .logo-box {
    padding-top: 56px;
} */

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .avatar-md {
    width: 100%;
    height: 102px;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .user-box
    .dropdown {
    display: none;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"])
    #wrapper
    #sidebar
    .menu-text {
    font-size: var(--ct-menu-item-font-size);
}

/* Sidebar */
#sidebar .menu {
    padding: 0 16px;
    padding-top: 40px;
    gap: 12px;
}

#sidebar .logo-box {
    background-color: var(--nav-bg);
    /* padding-top: 40px; */
}

#sidebar .menu > .menu-item {
    padding: 0 0;
    border-radius: var(--mid-border-radius);
}

#sidebar .menu-item .menu-link {
    padding: 12px;
    align-items: baseline;
}

#sidebar .menu-item .menu-link .menu-text {
    color: var(--nav-link);
    font-size: 18px;
    font-weight: 600;
    background-color: var(--nav-bg);
}

#sidebar .menu .menu-item .menu-link > .menu-icon {
    width: 24px;
    font-size: 24px;
    line-height: 24px;
}

#sidebar .menu .menu-item .menu-link > .menu-icon svg {
    width: 24px;
    height: 24px;
}

#sidebar .user-box {
    padding-top: 80px;
    padding-bottom: 40px;
}

#sidebar .user-box a {
    font-size: 20px;
    color: var(--bluemarin);
    font-weight: 500;
}

#sidebar .avatar-md {
    height: 7.94rem;
    width: 7.94rem;
}

#sidebar .simplebar-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#sidebar .simplebar-content:after,
.simplebar-content:before {
    display: none;
}

#sidebar .menu > .menu-item:hover {
    background-color: var(--nav-border);
}

#sidebar .menu > .menu-item:hover span {
    background-color: var(--nav-border);
    color: var(--white);
}

#sidebar .menu > .menu-item:hover path {
    stroke: var(--sky);
}

#sidebar .menu > .menu-item:hover .path {
    fill: var(--sky);
}

.line {
    height: 2px;
    background-color: var(--nav-border);
    width: 89%;
    margin: 0 auto;
}

#sidebar .logout {
    display: none;
}

#sidebar .sub-menu .menu-item {
    opacity: 1;
}

#sidebar .menu .menu-item .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 12px;
    margin-left: 12px;
}

#sidebar .menu .menu-item .sub-menu li {
    padding: 6px 20px 6px 40px;
    border-radius: 3px;
}

#sidebar .menu .menu-item .sub-menu li:hover {
    background-color: #37363b;
}

#sidebar .menu .menu-item .sub-menu li a span {
    background-color: transparent;
    color: #c3c2c7;
    transition: 0.2s;
}

#sidebar .menu .menu-item .sub-menu li:hover a span {
    color: #04ccd9;
}

#sidebar .menu .menu-item .sub-menu li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

/* Topbar */
#topbar.navbar-custom {
    background-color: var(--nav-bg);
    box-shadow: none;
    border-radius: var(--big-border-radius);
}

.logout a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logout a span {
    color: var(--nav-link);
    font-size: 18px;
    font-weight: 600;
}

/* Tenders */
.first-row {
    padding: 32px 0;
}

.tenders-buttons {
    gap: 16px;
}

.or-btn {
    background-color: var(--top-orange);
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    width: fit-content;
    border-radius: var(--small-border-radius);
}

.or-btn:hover {
    background-color: var(--hover-orange);
    color: var(--black);
}

.menu-info {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.menu-info p {
    color: var(--gray-text);
    font-weight: 400;
    margin-bottom: 0;
}

.menu-info a {
    color: var(--top-orange);
    font-weight: 500;
}

.selecting-button {
    font-size: 16px;
    font-weight: 600;
    background-color: var(--nav-bg);
    color: var(--gray-text);
    padding: 7px 20px;
    border-radius: var(--small-border-radius);
}

.selecting-button:hover {
    background-color: var(--navy);
    color: var(--white);
}

.default-button {
    background-color: var(--navy);
    color: var(--white);
}

#designed.card {
    background-color: var(--nav-bg);
    border-radius: var(--big-border-radius);
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}

#designed .card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tenders-card__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 24px 20px;
    gap: 24px;
}

#designed .card__image {
    border-radius: var(--big-border-radius);
    width: 100%;
}

#designed .badge {
    position: absolute;
    left: 0;
    margin: 8px;
    padding: 5px 12px;
    font-size: 13px;
    line-height: 140%;
    font-weight: 600;
    box-shadow: none;
}

.tenders-row {
    row-gap: 24px;
}

.box-head a {
    font-size: 20px;
    font-weight: 500;
    color: var(--blue-sky);
}

.box-description p {
    font-size: 14px;
    font-weight: 400;
    color: var(--nav-link);
    margin: 0;
}

.box-countdown {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 4px;
    line-height: 140%;
    padding: 5px;
}

#designed .tender-countdown {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 140%;
    letter-spacing: 0;
}

#designed .box-countdown.started {
    background-color: var(--top-orange);
    color: var(--clear);
}

#designed .box-countdown.ended {
    background-color: var(--ended);
    color: var(--nav-link);
}

#designed .box-countdown.ended p {
    color: var(--nav-link);
}

#designed .box-countdown.ended span {
    color: var(--nav-link);
}

/* статусы тендерс */

#designed .badge.active {
    background-color: var(--active);
    color: var(--clear);
}

#designed .badge.archived {
    background-color: var(--archive);
    color: var(--blue-sky);
}

#designed .badge.completed {
    background-color: var(--navy);
    color: var(--clear);
}

#designed .badge.draft {
    background-color: var(--testing);
    color: var(--clear);
}

#designed .badge.in_evaluation {
    background-color: var(--score);
    color: var(--clear);
}

#designed .badge.published {
    background-color: var(--sky);
    color: var(--nav-bg);
}

/* //// */

.show-more {
    width: 100%;
    border-radius: var(--small-border-radius);
    background-color: var(--nav-bg);
    color: var(--gray-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    padding: 10px;
    display: none;
}

.dropdown-menu {
    background-color: var(--ended);
    border: none;
    box-shadow: none;
    border-radius: var(--mid-border-radius);
    padding: 2px;
}

.dropdown-item {
    border-top-left-radius: var(--mid-border-radius);
    border-top-right-radius: var(--mid-border-radius);
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    padding: 6px 12px;
    color: var(--light-gray);
}

.dropdown-item:hover {
    background-color: var(--navy);
}

/* modal */
.designed__modal .modal-content {
    border-radius: var(--bigger-border-radius);
    background-color: var(--ct-body-bg);
}

.designed__modal .modal-header {
    border-bottom: 0;
    padding: 34px 40px;
}

.designed__modal .modal-header .modal-title {
    color: var(--clear);
    font-size: 30px;
    line-height: 120%;
    font-weight: 500;
}

.designed__modal .modal-body {
    padding: 40px;
    padding-top: 24px;
}

.designed__modal .modal-close {
    padding: 8px;
    background-color: var(--nav-bg);
    border-radius: var(--small-border-radius);
}

.designed__modal .nav-tabs {
    border: none;
    gap: 16px;
    margin-bottom: 48px;
    flex-wrap: nowrap;
}

.designed__modal .nav-item {
    flex-shrink: 0;
}

.designed__modal .nav-link {
    font-size: 16px;
    font-weight: 600;
    background-color: var(--nav-bg);
    color: var(--gray-text);
    padding: 10px 20px;
    border: none;
    outline: none;
    border-radius: var(--small-border-radius);
}

.designed__modal .nav-link.active {
    background-color: var(--navy);
    color: var(--clear);
}

.designed__modal .tab-content {
    padding: 0;
}

.designed__modal strong {
    color: var(--bluemarin) !important;
}

.designed__modal .modal-footer {
    border-top: 0;
    padding: 0;
    padding-top: 56px;
    justify-content: space-between;
    align-items: stretch;
    gap: 50px;
}

.ql-toolbar.ql-snow {
    border: none;
    padding: 6px;
    background-color: var(--ct-body-bg);
    border-top-left-radius: var(--mid-border-radius);
    border-top-right-radius: var(--mid-border-radius);
    border: 2px solid var(--ended);
    border-bottom: 0;
}

.modal-footer__button {
    max-width: 277px;
    width: 100%;
    padding: 10px;
    border-radius: var(--small-border-radius);
    font-size: 16px;
    line-height: 130%;
    font-weight: 600;
    margin: 0;
}

.modal-footer__box {
    display: flex;
    gap: 16px;
    align-items: stretch;
    margin: 0;
    flex-grow: 1;
    justify-content: flex-end;
}

.modal-footer__button.modal-footer__disagree {
    background-color: var(--nav-bg);
    color: var(--gray-text);
}

.modal-footer__button.modal-footer__agree {
    background-color: var(--top-orange);
    color: var(--ct-body-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.modal-footer__button.modal-footer__add {
    background-color: var(--navy);
    color: var(--clear);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 8px;
}

.dropify-wrapper {
    border: none;
    background-color: var(--nav-bg);
    border: 2px solid var(--ended);
    border-radius: var(--small-border-radius);
}

.designed__modal .nomination-item {
    border: none;
    border-radius: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 32px;
    border-top: 2px solid var(--ended);
}

.designed__modal .tender-task-item {
    border: none;
    border-radius: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 32px;
    border-top: 2px solid var(--ended);
}

.designed__modal .remove-nomination {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 140%;
    font-weight: 600;
    background-color: transparent;
    gap: 8px;
    padding: 6px 0;
    margin-top: 32px;
}

.designed__modal .remove-nomination p {
    color: var(--top-orange);
}

.designed__modal .remove-task {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 140%;
    font-weight: 600;
    background-color: transparent;
    gap: 8px;
    padding: 6px 0;
    margin-top: 32px;
}

.designed__modal .remove-task p {
    color: var(--top-orange);
}

.designed__modal .nominations-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.designed__modal .tender-tasks-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.designed__modal .tender-tasks-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.selectize-input {
    background-color: var(--nav-bg) !important;
    border: 2px solid var(--ended);
    outline: none;
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    border-radius: var(--small-border-radius);
    width: 100%;
    box-shadow: none;
}

.selectize-input.focus {
    background-color: var(--nav-bg) !important;
    border: 2px solid var(--ended);
}

.suggestions-input {
    background-color: var(--nav-bg) !important;
    border: 2px solid var(--ended);
    outline: none;
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    border-radius: var(--small-border-radius);
    width: 100%;
    box-shadow: none;
}

.suggestions-input:focus {
    background-color: var(--nav-bg) !important;
    border: 2px solid var(--ended);
}

/* Эксперты */
.experts-top {
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.experts-top .or-btn {
    flex-shrink: 0;
}

.experts-left {
    display: flex;
    gap: 16px;
    max-width: 766px;
    width: 100%;
}

.experts-button {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 600;
    background-color: var(--navy);
    color: var(--clear);
    border-radius: var(--small-border-radius);
}

.expert-card {
    padding: 24px;
    background-color: var(--nav-bg);
    border-radius: var(--bigger-border-radius);
}

.expert-card-left {
    display: flex;
    gap: 24px;
    width: 100%;
}

.expert-card-description {
    width: 100%;
}

.expert-card-body {
    gap: 24px;
}

.expert-card-description h4,
.expert-card-description p {
    margin: 0;
}

.expert-card-description h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    color: var(--bluemarin);
    margin-bottom: 16px;
}

.expert-card-description p {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: var(--light-gray);
    word-break: break-all;
}

.experts-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Пользователи */
.users-top {
    padding: 24px 0;
}

.users-top-row {
    display: flex;
    gap: 16px;
    max-width: 766px;
    width: 100%;
}

.users-button {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 600;
    background-color: var(--navy);
    color: var(--clear);
    border-radius: var(--small-border-radius);
}

.user-card {
    padding: 24px;
    background-color: var(--nav-bg);
    border-radius: var(--bigger-border-radius);
}

.user-card-left {
    display: flex;
    gap: 24px;
    width: 100%;
}

.user-card-description {
    width: 100%;
}

.user-card-body {
    display: flex;
    gap: 24px;
}

.user-card-description h4,
.user-card-description p {
    margin: 0;
}

.user-card-description h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    color: var(--bluemarin);
    margin-bottom: 8px;
}

.user-card-description p {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    color: var(--light-gray);
    word-break: break-all;
}

.user-card-description .nick {
    font-weight: 500;
    color: var(--nav-link);
    margin-bottom: 16px;
}

.user-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.users-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.little-description {
    max-height: 100px;
}

.score-color {
    --ct-bg-opacity: 0.25;
    --ct-text-opacity: 1;
    background-color: rgba(255, 00, 00, var(--ct-bg-opacity));
    color: rgba(255, 00, 00, var(--ct-text-opacity));
}

footer.footer {
    position: static;
}

.text-start {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

body .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    z-index: 2;
}

.ql-editor {
    position: absolute;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 1700px) {
    .col-xxxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
}

@media screen and (max-width: 1140px) {
    #wrapper #sidebar.app-menu {
        left: -200px;
    }

    #wrapper #sidebar.app-menu.open {
        left: 0.75rem;
    }
}

@media screen and (min-width: 576px) {
    .designed__modal .modal-dialog {
        max-width: 1350px;
        margin: 0 auto;
        padding: 0 50px;
    }
}

@media screen and (max-width: 991px) {
    .first-row {
        gap: 20px;
        padding-bottom: 20px;
    }

    .tab__row {
        gap: 24px;
    }

    .tenders-buttons {
        overflow-x: scroll;
        gap: 8px;
        padding-bottom: 0;
        width: calc(100vw - 1.75rem);
    }

    .tenders-buttons .selecting-button:last-child {
        margin-right: 1.75rem;
    }

    .tenders-buttons::-webkit-scrollbar {
        width: 0;
    }

    .designed__modal .nav-tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        width: calc(100vw - 9rem);
    }

    .designed__modal .nav-tabs .nav-item:last-child {
        margin-right: 2.5rem;
    }

    .designed__modal .modal-footer {
        padding-top: 40px;
        gap: 16px;
    }

    .modal-footer__box {
        flex-direction: column-reverse;
        align-items: center;
    }

    .modal-footer__button {
        max-width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 767.98px) {
    .subm-btn {
        margin-left: auto;
        margin-right: auto;
    }

    #topbar .first-topbar {
        width: 100%;
        justify-content: space-between;
    }

    #topbar.navbar-custom .logo-box .logo-sm {
        width: 110px;
        height: 40px;
    }

    .show-more {
        display: block;
        margin-top: 16px;
    }

    .content-page .content {
        padding: 0 15px 10px;
    }

    .designed__modal .modal-header {
        padding: 25.5px 20px;
    }

    .designed__modal .modal-header .modal-title {
        font-size: 22px;
        line-height: 130%;
    }

    .designed__modal .modal-body {
        padding: 20px;
        padding-bottom: 40px;
    }

    .designed__modal .nav-tabs {
        width: calc(100vw - 7.6rem);
        gap: 8px;
        margin-bottom: 40px;
    }

    .designed__modal .nav-tabs .nav-item:last-child {
        margin-right: 1.25rem;
    }

    .ql-toolbar.ql-snow .ql-formats {
        margin-right: 0px;
    }

    .designed__modal .remove-nomination p {
        display: none;
    }

    .designed__modal .nomination-item {
        padding-top: 16px;
        gap: 16px;
    }

    .designed__modal .remove-nomination {
        margin-top: 10px;
    }

    .designed__modal .remove-task p {
        display: none;
    }

    .designed__modal .tender-task-item {
        padding-top: 16px;
        gap: 16px;
    }

    .designed__modal .remove-task {
        margin-top: 10px;
    }

    .designed__modal .tender-tasks-block {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .experts-top {
        flex-direction: column;
        gap: 20px;
    }

    #design .or-btn {
        width: 100%;
        justify-content: center;
    }

    .experts-top .or-btn {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 575.98px) {
    .navbar-custom .topbar {
        padding: 0 0.75rem;
    }

    .footer {
        padding: 0 0.75rem;
    }

    .form-check-label {
        max-width: 150px;
    }

    button.btn.btn-success {
        margin: 0 auto;
    }

    .tab-content {
        padding: 0 0 0 0;
    }

    .tenders-btns {
        width: 100%;
    }

    .pp-nule {
        padding: 0;
    }

    .tender-desc-minificate h4 {
        font-size: 16px;
    }

    .tender-desc-minificate {
        max-height: 65px;
    }

    #wrapper #sidebar.app-menu {
        width: calc(100vw - 3rem);
        min-height: calc(100vh - 120px);
        max-height: calc(100vh - 120px);
        height: calc(100vh - 120px);
        transform: translate(12px, 90px);
        padding-bottom: 0;
    }

    #custom-backdrop.offcanvas-backdrop {
        top: 90px;
        opacity: 1;
        background-color: var(--ct-body-bg);
    }

    #sidebar .logo-box {
        display: none;
    }

    #sidebar .user-box {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    #sidebar .menu {
        padding: 0 12px;
        padding-top: 24px;
        gap: 4px;
        margin-bottom: 24px;
    }

    #sidebar .logout {
        display: block;
        padding: 0 12px;
        margin-bottom: 16px;
    }

    #sidebar .logout a {
        padding: 12.5px 16px;
    }

    .designed__modal .modal-dialog {
        margin: 0;
    }

    .designed__modal .nav-tabs {
        width: calc(100vw - 1.2rem);
    }

    .designed__modal .nav-tabs .nav-item:last-child {
        margin-right: 1.3rem;
    }

    .expert-card {
        border-radius: var(--small-border-radius);
        padding: 16px;
    }

    .expert-card-left {
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    .expert-card-body {
        gap: 8px;
    }

    .user-card {
        border-radius: var(--small-border-radius);
        padding: 16px;
    }

    .user-card-left {
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    .user-card-body {
        gap: 8px;
    }
}

@media screen and (max-width: 375px) {
    #topbar.navbar-custom .logo-box {
        display: flex !important;
    }
}

/* USer */
.input-group-meven {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

label {
    color: var(--bluemarin);
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 16px;
}

strong {
    color: var(--bluemarin) !important;
}

.input-meven-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--clear);
    text-align: center;
    white-space: nowrap;
    background-color: var(--ct-gray-100);
    border: 2px solid var(--ended);
    border-radius: var(--ct-border-radius);
}